.order-detail-main {
    .order-detail-content {
        padding-bottom: 180rpx;

        font-size: 25rpx;

        .goods-status-info {
            padding: 45rpx 29rpx;

            color: #ffffff;
            background: #fe292b;

            .goods-status {
                display: flex;
                justify-content: space-between;

                font-size: 40rpx;
                line-height: 54rpx;
                .goods-status-img {
                    width: 51rpx;
                    height: 51rpx;
                }
            }
            .goods-status-desc {
                padding-top: 18rpx;

                font-size: 25rpx;
                line-height: 36rpx;
            }
        }
        .refund-logistics {
            margin: 18rpx 0;
            padding: 0 29rpx;
        }

        .reject-reason {
            padding: 29rpx;

            word-break: break-all;

            background: #ffffff;

            font-size: 29rpx;
        }

        .refund-logistics {
            margin: 18rpx 0;
            padding: 0 29rpx;

            background: #ffffff;
            .title {
                padding: 31rpx 0;

                color: #333333;

                font-family: PingFangSC-Medium, PingFang SC;
                font-size: 29rpx;
                font-weight: 600;
                line-height: 40rpx;
            }
            .refund-logistics-info {
                display: flex;
                align-items: center;
                justify-content: space-between;

                padding: 22rpx;

                color: #999999;
                background: #f9f9f9;

                font-family: PingFangSC-Regular, PingFang SC;
                font-size: 25rpx;
                font-weight: 400;
                line-height: 36rpx;
                .refund-logistics-img {
                    width: 29rpx;
                    height: 29rpx;
                    margin-left: 25rpx;
                }
            }
            .cell-info {
                display: flex;
                align-items: center;
                justify-content: space-between;

                padding: 31rpx 0;

                border-bottom: 2rpx solid #f5f5f5;

                font-size: 29rpx;
                .cell-info-text {
                    display: flex;
                    align-items: center;
                    .img-icon {
                        width: 11rpx;
                        height: 18rpx;
                        margin-left: 18rpx;
                    }
                    .text-placeholder {
                        color: #cccccc;
                    }
                }
                .cell-info-input {
                    margin-right: 29rpx;

                    text-align: right;

                    // color: #cccccc;
                }
                .phColor {
                    color: #cccccc;
                }
            }
        }

        .refund-price {
            margin: 18rpx 0 24rpx 0;
            padding: 31rpx;

            color: #333333;
            background: #ffffff;

            font-size: 29rpx;
            .desc {
                padding-bottom: 14rpx;

                font-size: 25rpx;
            }
            .text {
                color: #fe292b;
            }
        }
        .goods-info {
            margin-bottom: 18rpx;

            background: #ffffff;

            .goods-top {
                padding: 29rpx 29rpx 0;

                background: #ffffff;

                .refund-shop-item {
                    margin-bottom: 19rpx;
                }
                .refund-shop-item:nth-last-child(1) {
                    margin-bottom: 0rpx;
                }
            }
            .goods-center {
                display: flex;
                justify-content: flex-end;

                padding: 29rpx 29rpx 0;
            }
            .goods-bottom {
                margin: 0 29rpx;
                padding: 29rpx 0;

                border-top: 2rpx solid #f5f5f5;
                .goods-bottom-item {
                    display: flex;
                    align-items: center;
                    justify-content: space-between;
                    .delivery-fee {
                        color: #999999;
                    }
                    .amount-total {
                        color: #fe292b;

                        font-size: 29rpx;
                    }
                }
            }
        }
        .order-info {
            margin-bottom: 18rpx;
            padding-top: 29rpx;

            background: #ffffff;
            .order-info-item {
                display: flex;
                justify-content: space-between;

                padding: 0 29rpx 29rpx;

                font-size: 25rpx;
                line-height: 36rpx;
                .order-info-label {
                    min-width: 120rpx;
                }
                .order-info-text {
                    color: #999999;
                    .refund-img-list {
                        display: flex;
                        align-items: center;
                    }
                    .refund-img {
                        width: 101rpx;
                        height: 101rpx;
                        margin-left: 18rpx;
                    }
                }
            }
        }
        .order-button-wrap {
            position: fixed;
            right: 0;
            bottom: 0;
            left: 0;

            padding-bottom: var(--safe-area-inset-bottom);

            background: #ffffff;
            box-shadow: 0rpx -4rpx 7rpx 0rpx rgba(153, 153, 153, 0.08);
            .order-button {
                display: flex;
                justify-content: flex-end;

                padding: 0 29rpx;
                .order-button-item {
                    width: 145rpx;
                    margin: 22rpx 0 22rpx 18rpx;

                    text-align: center;

                    border: 2rpx solid #e2e2e2;
                    border-radius: 36rpx;

                    font-size: 25rpx;
                    line-height: 65rpx;
                }
                .active {
                    color: #ffffff;
                    border-color: #fe292b;
                    background: linear-gradient(270deg, #ff5356 0%, #fe292b 100%);
                }
            }
        }
    }
    .popup-dialog {
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;

        background: rgba(51, 51, 51, 0.5);
        .popup-dialog-content {
            position: absolute;
            top: 50%;
            left: 50%;

            width: 543rpx;

            transform: translate(-50%, -50%);

            border-radius: 22rpx;
            background: #ffffff;
            .title {
                padding: 49rpx 82rpx 51rpx;

                text-align: center;

                border-bottom: 2rpx solid #f5f5f5;

                font-size: 27rpx;
            }
            .button {
                display: flex;
                align-items: center;
                justify-content: space-between;

                color: #999999;

                font-size: 29rpx;
                line-height: 80rpx;
                .cancel,
                .confirm {
                    flex: 1;

                    text-align: center;
                }
                .confirm {
                    color: #fe292b;
                    border-left: 2rpx solid #f5f5f5;
                }
            }
        }
    }
}
